<style>
h2{
	margin-left:30px;
}
.file-delete{
	height:300px;
}
.file-oper{
	margin-left:30px;margin-right:30px;
}
.delete-btn{
	padding-left:200px;
}
</style>
<table class="table">
  <tbody>
  <#list list as mukeFile>
    <tr>
      <td width="600"><a href="mukeFile!download?fileName=${mukeFile.fileName!}">
      <i class="icon-file"></i> ${mukeFile.fileName!}</a></td>
      <td width="250">
	  <#if mukeFile.fileSize lt 1024>
		  ${mukeFile.fileSize!}B
	  <#elseif mukeFile.fileSize lt 1024*1024>
		  ${(mukeFile.fileSize/1024)?string('0.0')!}KB
	  <#elseif mukeFile.fileSize lt 1024*1024*1024>
		  ${(mukeFile.fileSize/1024/1024)?string('0.0')!}MB
	  </#if>
	  </td>
      <td>${(mukeFile.uploadTime)?string('yyyy-MM-dd')!}</td>
      <td width="80"><a href="javascript:void(0)" data-toggle="modal" data-target="#delete${mukeFile.id!}">删除</a>
		     	<!-- 对话框HTML 文件的删除-->
		<div class="modal fade" id="delete${mukeFile.id!}">
		  <div class="modal-dialog" style="width: 380px;">
		    <div class="modal-content">
		      <div class="file-delete" >
		      	<h2><i>文件删除</i></h2>
		      	<hr/>
		      	<div class="file-oper">
		      		<table class="table table-bordered">
						<thead>
							<tr>
								<th>文件名</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>${mukeFile.fileName!}</td>
							</tr>
						</tbody>
					</table>
					<div class="delete-btn">
						<a class="btn btn-primary" href="mukeFile!deleteFile?id=${mukeFile.id!}&fileSize=${mukeFile.fileSize!}&fileName=${mukeFile.fileName!}">删除</a>
						<a class="btn btn-primary" href="mukeFile!showAllFile">取消</a>
					</div>
		      	</div>
		      </div>
		    </div>
		  </div>
		</div>
      	<!-- 对话框HTML 文件的删除	结束-->
      </td>
    </tr>
  </#list>
  </tbody>
</table>

    
    
    
   